*{
    padding:0;
    margin:0;
}
html,body{
    height:100%;
    background:#ccc;
}
.container{
    width: 480px;
    height:100%;
    position: relative;
}
.content{
    width:90%;
    height:auto;
    margin:auto;
    /*background:red;*/
    margin-top:30px;
    overflow: hidden;
}
.content-top{
    width:100%;
    height:120px;
    margin-top:20px;
}
.content-top-left{
    width:47%;
    height:120px;
    float:left;
    background:#1b274d;
    position: relative;
}
.content-top-left .p1{
    color:#d89b62;
    font-size:16px;
    text-align: center;
    margin-top:35px;
}
.content-top-left .p2{
    color:#fff;
    font-size:12px;
    text-align: center;
}
.content-top-right{
    width:47%;
    height:120px;
    float:right;
    background:#1b274d;
    position: relative;
}
.content-top-right .p1{
    color:#d89b62;
    font-size:16px;
    text-align: center;
    margin-top:35px;
}
.content-top-right .p2{
    color:#fff;
    font-size:12px;
    text-align: center;
}
.triangle{
    width: 0;
    height: 0;
    border: 12px solid #d89b62;
    border-bottom-color: #d89b62;
    border-top: none;
    margin-left:50px;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom:0;
    left:19%;
}